<html>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>微课-视频播放</title>
    
<link href="../../css/bootstrap.min.css" rel="stylesheet">
<link href="../../css/basic.css" rel="stylesheet">
<link href="../../css/common.css" rel="stylesheet">
<link href="../../css/theme.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="../../css/willesPlay.css"/>
<script src="../../js/common/jquery.min.js" type="text/javascript"></script>
<script src="../../js/common/willesPlay.js" type="text/javascript" charset="utf-8"></script>
<!--[if lt IE 9]>
  <script src="../../js/common/html5shiv.min.js"></script>
  <script src="../../js/common/respond.min.js"></script>
<![endif]-->
 
</head>
<body>
	<!--顶部导航-->
	<nav class="navbar navbar-default navbar-fixed-top navbar-inverse" role="navigation">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
              <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#demo-navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
              <a class="navbar-brand" href="index.html" style="font-size:26px">微课</a>
            </div>
    
        	<!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="demo-navbar">
              <ul class="nav navbar-nav menu">
                <li class="active"><a href="course_list.html">课程</a></li>
                <li class="dropdown"><a href="#">个人中心</a>
                    <ul class="submenu">
                        <li><a href="personal_center.html">我的信息</a></li>
                        <li><a href="center_mycourse.html">我的课程</a></li>
                        <li><a href="center_myhomework.html">我的作业</a></li>
                        <li><a href="center_myquestion.html">我的问答</a></li>
                    </ul>
                </li>
                <li class="dropdown"><a href="#">账号设置</a>
                    <ul class="submenu">
                        <li><a href="modify_myinfo.html">修改信息</a></li>
                        <li><a href="modify_pwd.html">修改密码</a></li>
                        <li><a href="#" data-toggle="modal" data-target="#exit">退出登录</a></li>
                    </ul>
                </li>
              </ul>
         
             
              <form class="navbar-form navbar-right toprit-bar" role="search">
                  <div class="pull-right white hidden">
                      <button type="button" class="btn btn-primary btn-block">登录</button>
                  </div>
                 <div class="pull-right white welcome">
                     <p class="form-control-static">欢迎你，<a href="personal_center.html" id="ID">1205107037</a></p>
                  </div>
                

                  <div class="form-group pull-right webdesigntuts-workshop">		    
                        <input type="search" placeholder="请输入要搜索的课程">		    	
                        <a class="btn" href="search_result.html" id="search-btn" role="button">搜索</a>
                  </div>
              </form>
        
            </div><!-- /.navbar-collapse -->
      	</div><!-- /.container-fluid -->
	</nav>	
    
<div class="container">
	<div class="back">
        <a href="gointo_class.html" class="">&lt;返回视频列表</a>
     </div>
    <div id="willesPlay">
        <div class="playHeader">
            <div class="videoName">七招练成一字马</div>
        </div>
        <div class="playContent">
            <div class="turnoff">
               <ul>
                   <li>
                     <a href="javascript:;" title="关灯" class="btnLight on glyphicon glyphicon-sunglasses"></a>						
                   </li>
               </ul>
            </div>
            <video width="100%" height="100%" id="playVideo">
                <source src="../../video/classes/1.mp4" type="video/mp4"></source>
                当前浏览器不支持 video直接播放，点击这里下载视频： <a href="/">下载视频</a>
            </video>
            <div class="playTip glyphicon glyphicon-play"></div>
        </div><!--playContent ed-->
        
        <div class="playControll">
            <div class="playPause playIcon"></div>
            <div class="timebar">
                <span class="currentTime">0:00:00</span>
                <div class="progress">
                    <div class="progress-bar progress-bar-danger progress-bar-striped" role="progressbar" aria-valuemin="0" aria-valuemax="100" style="width: 0%"></div>
                    </div>
                <span class="duration">0:00:00</span>
            </div>
            <div class="otherControl">
                <span class="volume glyphicon glyphicon-volume-down"></span>
                <span class="fullScreen glyphicon glyphicon-fullscreen"></span>
                <div class="volumeBar">
                     <div class="volumewrap">
                        <div class="progress">
                        <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuemin="0" aria-valuemax="100" style="width: 8px;height: 40%;"></div>
                        </div>
                     </div>
                </div>
            </div>
        </div><!--playControll-->
        
    </div><!--willesPlay ed-->
			
</div><!--container ed-->


<!--退出登录弹框-->  
<div class="modal fade" id="exit" tabindex="-1" role="dialog" aria-labelledby="modal-label" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <p class="lead">确定要退出？？</p>
            </div>
            <div class="modal-footer">
                 <a class="btn btn-default pull-left btn-primary btn-lg" href="../login.html" role="button">我确定</a>
                <button type="button" class="btn btn-default pull-right btn-lg" data-dismiss="modal">闹着玩</button>
            </div>
        </div>
    </div>
</div>

<script src="../../js/common/bootstrap.min.js"></script>
<!-- sweet alert -->
	<link href="../../css/sweet-alert.css" rel="stylesheet" />
	<script src="../../js/common/sweet-alert.js"></script>
	<!-- common -->
	<script src="../../js/common/maskUtil.js"></script>
	<script src="../../js/common/student.js"></script>
	<script src="../../js/common/commonAjax.js"></script>
</body>
</html>
